<template>
	<div id="homeRecommend">
		<div id="imgs">
			<a href="#">
				<img src="../../../assets/img/yp1.png" >
				<p>十点抢购</p>
			</a>
			<a href="#">
				<img src="../../../assets/img/yp2.png" >
				<p>好物特卖</p>
			</a>
			<a href="#">
				<img src="../../../assets/img/yp3.png" >
				<p>内购福利</p>
			</a>
			<a href="#">
				<img src="../../../assets/img/yp4.png" >
				<p>初秋上新</p>
			</a>
		</div>
	</div>
</template>

<script>
	//详情页组件
	export default {
		name: 'HomeRecommendView',
		props: {
			recommends: {
				type: Array,
				default () {
					return []
				}
			}
		},
		data(){
			return{
				
			}
		}
	}
</script>

<style scoped>
	#imgs{
		height: 209px;
		width: 540px;
	}
	#imgs img{
		
		height: 100px;
		flex: 1;
		padding-left: 10px;
		
	}
	#imgs a{
		float: left;
		text-decoration: none;
		color: #000000;
		font-size: 16px;
		flex: 1;/* //设置均等 */
		padding: 10px 0 30px;
		border-bottom: 8px solid #BEBEBE;
		padding-left: 16px;
	}
</style>
